/*--------------------------------------------------------------
Config - Used throughout main.css
Brand: HISENSE
--------------------------------------------------------------*/

:root {
	--font-family-primary: "Hisense Sans Alfabet", sans-serif;
	--font-family-secondary: "Hisense Sans Alfabet", sans-serif;


	/* Brand colours */
	/* Use HSL where possible */

	/* Primary - HEX Color #232b2b */
	--color-primary-hs: 180, 10%;
	--color-primary-l: 15%;

	--color-primary-dark-3-l: 0%;
	--color-primary-dark-2-l: 5%;
	--color-primary-dark-1-l: 10%;

	/* Secondary - HEX Color #00b3ac */
	--color-secondary-hs: 178, 100%;
	--color-secondary-l: 35%;

	/* Tertiary - HEX Color #e1554c */
	--color-tertiary-hs: 4, 71%;
	--color-tertiary-l: 59%;

	/* Status colours */
	/* Hex Red #b00020 */
	--color-status-action-hs: 349, 100%;
	--color-status-action-l: 35%;

	/* Hex Orange #b03800 */
	--color-status-warning-hs: 19, 100%;
	--color-status-warning-l: 35%;

	/* Hex Brand Colour Used Instead */
	--color-status-success-tint-a: 15%;

	/* UI backdrop */
	--color-page-bg: var(--color-primary);
	--color-page-text: white;

	--color-section-bg: var(--color-primary);
	--color-page-bg: var(--color-primary-dark-2);

	
	--box-highlight-icon-color: var(--color-secondary);

	--footer-small-color: rgba(255,255,255,.75);

	--link-underline-thickness: var(--border-size-1);
}